<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>CodePlayer-Blog</title>
    <meta name="description" content="CodePlayerBlog">

    <link rel="stylesheet" th:href="@{/common/css/bootstrap.css}">
    <link rel="stylesheet" th:href="@{/front/style.css}">
    <!-- 全局js -->
    <script th:src="@{/common/js/jquery-3.6.0.min.js}"></script>
    <script th:src="@{/common/js/bootstrap.js}"></script>
</head>
<body>
<!--导航栏-->
<div th:insert="~{navigation :: nav}"></div>

<div class="container-fluid" style="margin-left: 130px; margin-right: 130px; background: #ffffff;">
    <div class="row">
        <!--内容左部-->
        <div class="col-md-12 col-xs-12 col-sm-12 col-lg-9">
            <h2><span class="glyphicon glyphicon-list" aria-hidden="true"></span>&nbsp;搜索结果</h2>
            <hr>
            <div class="jumbotron index-jumbotron" style="margin: 15px;padding: 0; background: #ffffff;"
                 th:each="articleDTO : ${articleList}">
                <div class="index-media-reply">
                    <span th:text="${articleDTO.commentCount}"></span><br>
                    <span>回答</span>
                </div>
                <div class="index-media-read" style="color: #999;">
                    <span style="color: #999;" th:text="${articleDTO.viewCount}"></span><br>
                    <span style="color: #999;">阅读</span>
                </div>
                <div class="media-body">
                    <h4 class="media-heading" style="margin-top: 4px;margin-bottom: 1px;">
                        <a th:href="@{'/article/'+${articleDTO.articleId}}" th:utext="${articleDTO.title}"
                           style="text-decoration: none;"></a>
                    </h4>
                    <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="padding: 0px; margin-top: 5px;">
                            <span class="label label-success" style="margin-right: 10px; white-space: normal;"
                                  th:each="tag : ${articleDTO.tag.split(',')}">
                                <span class="glyphicon glyphicon-tags"></span>
                                <span class="label label-success" th:utext="${tag}"></span>
                            </span>
                        <span class="glyphicon glyphicon-time" style="color: #999; float: right; margin-top: 8px;">
                                <span class="index-publish"
                                      th:text="${#dates.format(articleDTO.getGmtCreate(),'yyyy-MM-dd HH:mm')}"></span>
                            </span>
                    </div>
                </div>
                <hr>
            </div>
        </div>
        <!--内容右部-->
<!--        <div class="col-md-12 col-xs-12 col-sm-12 col-lg-3" style="padding: 0;">-->
<!--            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="padding: 0;">-->
<!--                <h2 class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="margin-bottom: 2px;">热门标签</h2>-->
<!--            </div>-->
<!--            <hr class="col-md-12 col-xs-12 col-sm-12 col-lg-12">-->
<!--            <div class="col-md-12 col-xs-12 col-sm-12 col-lg-12" style="padding: 0 15px;">-->
<!--                <div class="label label-primary" style="margin-right: 10px;line-height: 30px; white-space: normal;"-->
<!--                     th:each="tag : ${hotTags}">-->
<!--                    <a class="label label-primary" th:text="${tag}" th:href="@{/index(tag=${tag})}"></a>-->
<!--                </div>-->

<!--            </div>-->
<!--        </div>-->
    </div>
</div>
<!--页尾-->
<div th:insert="~{foot :: foot}"></div>
</body>
</html>